NetworkConnectionError

A common component to show an alert for when it is a network error

Properties

Name	Type	Default Value	Required	Description
onTryAgain	() => void		Yes	function called when the Try again button is pressed

Example

How to use the NetworkConnectionError component

<NetworkConnectionError onTryAgain={tryAgain} />

Source Code

Full code for the NetworkConnectionError component

import React, { FC } from 'react'
import { useTranslation } from 'react-i18next'

import { NAMESPACE } from 'constants/namespaces'

import BasicError from './BasicError'

export type NetworkConnectionErrorProps = {
  /** function called when the Try again button is pressed */
  onTryAgain: () => void
}

/**A common component to show an alert for when it is a network error*/
const NetworkConnectionError: FC<NetworkConnectionErrorProps> = ({ onTryAgain }) => {
  const { t } = useTranslation(NAMESPACE.COMMON)

  return (
    <BasicError
      onTryAgain={onTryAgain}
      messageText={t('errors.networkConnection.body')}
      buttonA11yHint={t('errors.networkConnection.a11yHint')}
      headerText={t('errors.networkConnection.header')}
      label={t('refresh')}
    />
  )
}

export default NetworkConnectionError

Accessibility